<div class="row">
    <div class="col-md-6">
        <!-- Search -->
        <input #searchBox type="text" (keyup.enter)="onEnter(searchBox.value)" class="form-control" />
        <div style="max-height: 200px; overflow: auto;">
            <div *ngFor="let item of items | filter: search : 'name'">
                <a *ngIf="isEnabled(item.id)" href="javascript:;" (click)="select(item)">{{ item.name }}</a>
                <label *ngIf="!isEnabled(item.id)">{{item.name}}</label>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <h4>Selected Items</h4>
        <div style="max-height: 200px; overflow: auto;">
            <div *ngFor="let item of selected; let index = index;" class="my-1 py-1">
                <span (click)="unselect(index)" class="criteria-tag">{{ item.name }} <i class="ti-close ml-2"></i></span>
            </div>
        </div>
    </div>
</div>

<div *ngIf="selected.length > 0" class="mt-4">
    {{ selectedDesc() }} companies are restricted.
</div>